/* table样式 */
table {
    /* 外边距  auto是居中*/
    margin: auto;
    /* 边框 */
    border: 0px;
    /* 字体 */
    font-family: STFangsong;
    font-weight: 600;
    color: #000000;
    /* 背景 */
    background-color: lightsalmon;
    /* 字居中 */
    text-align: center;
    /* 宽度*/
    width: 800px;
}

table th {
    /* 字体 */
    font-family: STHeiti
}

table th,
table td {
    /* 边框 */
    border: 1px solid #D3D3D3;
}

/* 隔行换色 偶数行 */
.tableClass1 tr:nth-child(even) {
    /* 背景 */
    background-color: lightcoral;
    /* background-color: rgba(200,160,10,0.5); */
}

/* 鼠标悬停行换色 */
.tableClass1 tr:hover {
    /* 背景 */
    background-color: #FF7F50;
}

/* "更新"div的样式 */
.hideDiv {
    /* 内边距 为了垂直位置更居中 */
    padding: 10%;
    /* 外边距 为了居中 */
    /* margin: auto; */
    /* 四个属性都为0 为了覆盖浏览器页面 */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* 背景色 以及透明度 透明度为1是不透明 */
    background-color: rgba(200, 200, 200, 0.5);
    /* 相对浏览器 为了覆盖整个页面 */
    position: fixed;
    /* 显示处于页面最上层 */
    z-index: 999;
}

/* 按钮 */
button {
    /* 暂定样式书写顺序:内边距 边框 外边距 背景 字体 其他 */
    /* 边框圆角 */
    border-radius: 3px;
    border: 0px;
    /* 背景 */
    background-color: palegreen;
    /* background-color: #1e90ff; */
    /* 字体 */
    /* color: #D3D3D3; */
    color: dimgrey;
    font-size: 16px;
    font-family: YouYuan;
    /* 字体加粗 */
    font-weight: 600;
    /* 鼠标悬浮显示 手 图标 */
    cursor: pointer;
}

button.cancle {
    background-color: darkgray;
    color: #D3D3D3;
}

button.add {
    background-color: mediumseagreen;
    color: #D3D3D3;
}

button.del {
    background-color: #696969;
    color: #D3D3D3;
}

button.update {
    background-color: #DDA0DD;
    color: aliceblue;
}


/* input样式 */
input[type=text] {
    /* 边框 */
    border: 0px;
    border-radius: 3px;
    /* 左外边距 */
    margin-left: 5px;
    /* 字体 */
    font-size: 15px;
    font-family: STLiti;
}
